<template>
	<view class="robot-area" :style="{top: top+'px', left: left+'px'}">
		<img src="../../static/robot.png" @tap="handleRobot"></img>
	</view>
</template>

<script>
	export default {
		name: "robot",
		props: {
			top: {
				type: String,
				default: function() {
					return '40';
				}
			},
			left: {
				type: String,
				default: function() {
					return '40';
				}
			}
		},
		data() {
			return {

			};
		},

		methods: {
			handleRobot() {
				window.location.href =
					'https://keyue.cloud.baidu.com/unit/experience?token=176f7ac6-2512-4025-bcff-fc468ee5b7c0'
			},
		}
	}
</script>

<style lang="scss">
	.robot-area {
		width: 120px;
		position: absolute;
		top: 40px;
		left: 40px;
		z-index: 9;

		img {
			// width: 100%;
			height: 120rpx;
			display: block;
		}
	}
</style>